(() => {
	let page = 1;
	let ele = {};
	ele.listBox = $('#listBox');
	ele.more = $('#more');
	ele.empty = $('#empty');

	getDetail(page);
	
	function getDetail(page) {
		ele.more.innerText = '加载中...';
		let token = getCookie("token");
		ajax({
			url: API_PATH.HOUSE_ORDER_RECORD,
			method: 'GET',
			header: {
				'Authorization': token,
			},
			data: {
				page: page
			},
			success: res => {
				if (res.code == 1) {
					let detail = res.data.data;
					if (detail.length === 0) {
						page = 0;
						ele.more.style.display = "none";
						ele.empty.style.display = "block";
					} else {
						drawDetail(detail);
						page++;
						if (page > res.data.last_page) {
							ele.more.innerText = '没有更多了';
							ele.more.onclick = null;
						}
						else {
							ele.more.innerText = '加载更多';
							ele.more.onclick = () => getDetail(page);
						}
					}
				}
				else openTips(res.msg);
			}
		});
	}

	function drawDetail(data) {
		if (data.length === 0) {
			page = 0;
			ele.more.style.display = "none";
			ele.empty.style.display = "block";
		} else {
			let str = '';
			for (let i = 0; i < data.length; i++) {
				let sign = data[i].operation_type == 1 ? '+' : '-';
				let pj_type = data[i].prop.hammer == 6 ? 'itemred' :  data[i].prop.hammer == 2 ? 'itemgreen' : data[i].prop.hammer == 3 ? 'itemblue' :  data[i].prop.hammer == 4 ? 'itempurple' :  data[i].prop.hammer == 5 ? 'itemorange' : '';
				str += 
						'<div class="list">'
							+'<div class="left">'
								+'<img class="leftimg '+pj_type+'" src="'+ IMG_DOMAIN +data[i].prop.logo+'" alt="">'
								+'<div class="leftin">'
									+'<p>'+data[i].remark+'</p>'
									+'<span>' + data[i].created_at + '</span>'
								+'</div>'
							+'</div>'
							+'<p class="center">'+data[i].level+'</p>'
							+'<div class="right">'
								+'<img src="http://img.qxgs.cc/tiantianlaishouzu/img/home/jinbi.png" alt="">'
								+'<span>' + sign + data[i].money + '</span>'
							+'</div>'
						+'</div>'
				
				// '<div class="item">'
				// 	+'	<div class="left">'
				// 	+'		<p class="resume">'+data[i].remark+'</p>'
				// 	+'		<p class="time">'+data[i].created_at+'</p>'
				// 	+'	</div>'
				// 	+'	<p class="amount">'+sign+data[i].money+'</p>'
				// +'</div>';
			}
			ele.listBox.innerHTML += str;
		}
	}
})();
